layui.use(['table','layer'],function(){
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table;

    /**
     * 加载数据表格
     */
    var tableIns = table.render({
        id:"saleChanceTable",//用于头部工具栏删除的id
        elem: '#saleChanceList' //容器元素的id属性值
        ,height: 'full-125' //容器的高度 full-差值
        ,cellMinWidth: 95 //单元格最小宽度
        ,url: ctx + '/sale_chance/list?flag=1' //访问数据的URL(后台的数据接口)  设置flag参数，表示查询的是客户开发计划数据
        ,page: true //开启分页
        ,limit: 10 //默认每页显示的条数
        ,limits: [10,20,30,40,50] //分页每页数据可选项
        ,toolbar:'#toolbarDemo' // 开启头部工具栏
        ,cols: [[
            // field：要求field属性值与返回的数据中对应的属性字段名一致
            // title：设置列的标题
            // sort：是否允许排序（默认：false）
            // fixed：固定列
            {type:'checkbox', fixed:'center'}
            ,{field: 'id', title: '编号',  sort: true, fixed: 'left'}
            ,{field: 'chanceSource', title: '机会来源', align:'center'}
            ,{field: 'customerName', title: '客户名称', align:'center'}
            ,{field: 'cgjl', title: '成功几率', align:'center'}
            ,{field: 'overview', title: '概要', align:'center'}
            ,{field: 'linkMan', title: '联系人', align:'center'}
            ,{field: 'linkPhone', title: '联系号码', align:'center'}
            ,{field: 'description', title: '描述', align:'center'}
            ,{field: 'createMan', title: '创建人', align:'center'}
            ,{field: 'createDate', title: '创建时间', align:'center'}
            ,{field: 'updateDate', title: '修改时间', align:'center'}
            ,{field: 'devResult', title: '开发状态', align:'center',templet: function (d) {
                    //调用函数，返回格式化的结果
                    return formatDevResult(d.devResult);
                }}
            ,{title:'操作',templet:'#op', fixed: 'right', align:'center', minWidth:150}
        ]]
    });

    /**
     * 格式化开发状态
     * 未开发: 0
     * 开发中: 1
     * 开发成功: 2
     * 开发失败: 3
     * 未知: other
     * @param devResult
     */
    function formatDevResult(devResult) {
        if (devResult === 0){
            return "<div style='color: gold'>未开发</div>";
        }else if (devResult === 1){
            return "<div style='color: orange'>开发中</div>";
        }else if (devResult === 2){
            return "<div style='color: green'>开发成功</div>";
        }else if(devResult === 3){
            return "<div style='color: red'>开发失败</div>";
        }else {
            return "<div style='color: blue'>未知</div>";
        }
    }

    /**
     * 搜索按钮的点击事件
     */
    $(".search_btn").click(function () {
        /**
         * 表格重载
         *    多条件查询
         */
        tableIns.reload({
            //设置需要传递给后端的参数
            where: { //设定异步数据接口的额外参数，任意设
                customerName: $("[name='customerName']").val() //客户名
                ,createMan: $("[name='createMan']").val() //创建人
                ,devResult: $("#devResult").val() //开发状态
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    });

    /**
     * 监听行工具栏事件
     */
    table.on('tool(saleChances)',function (data) {
        if (data.event === 'info'){  //如果点击的是详情按钮
            //得到营销机会的ID
            var saleChanceId = data.data.id;
            openCusDevPlanDialog('计划项数据维护',saleChanceId)
        }else if (data.event === 'dev'){  //如果点击的是开发按钮
            //得到营销机会的ID
            var saleChanceId2 = data.data.id;
            openCusDevPlanDialog('计划项数据开发',saleChanceId2)
        }
    });

    /**
     * 打开计划项开发或详情页面的函数
     * @param title
     * @param id
     */
    function openCusDevPlanDialog(title,id) {
        //iframe层
        layui.layer.open({
            type: 2, //类型
            title: title,  //标题
            area: ['750px','550px'],  //宽高
            content: ctx + "/cus_dev_plan/toCusDevPlanPage?id="+id,  //url地址
            maxmin: true   //可以最大化可最小化
        });
    }


});
